import React from 'react'
// import { useHistory } from 'react-router-dom/cjs/react-router-dom.min'

export default function SongList (props) {
  // const history = useHistory()
  const handleClick = () => {
    // Hook 的跳转方式，推荐
    // history.push('/mymusic')
    // !props 的跳转方式，注意点：这个组件必须是路由级别的组件才能使用 props 的形式
    props.history.push('/mymusic')
  }
  return <div>
    <button onClick={handleClick}>点击跳转</button>
  </div>
}